﻿<%@ Page Title="" Language="C#" MasterPageFile="~/ID.Master" AutoEventWireup="true"
    CodeBehind="Default.aspx.cs" Inherits="InteractionDesign.Default1" %>

<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <!-- ******CONTENT****** -->
    <div class="content container">
        <div id="promo-slider" class="slider flexslider">
            <ul class="slides">
                <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative;
                    display: none;">
                    <img src="images/slide-1.jpg" alt=""/>
                    <p class="flex-caption">
                        <span class="main">Join Greenwich University Online</span>
                        <br/>
                        <span class="secondary clearfix">Choose from over 100 online and offline courses</span>
                    </p>
                </li>
                <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative;
                    display: none;">
                    <img src="images/slide-2.jpg" alt="">
                    <p class="flex-caption">
                        <span class="main">Come to our Open Days</span>
                        <%--<br>
                        <span class="secondary clearfix">Donec accumsan nunc sed ipsum dapibus consectetur</span>--%>
                    </p>
                </li>
                <li class="" style="width: 100%; float: left; margin-right: -100%; position: relative;
                    display: none;">
                    <img src="images/slide-3.jpg" alt="">
                    <p class="flex-caption">
                        <span class="main">Discover online courses</span>
                        <%--<br>
                        <span class="secondary clearfix">Lorem ipsum dolor sit amet, consectetur adipiscing
                            elit</span>--%>
                    </p>
                </li>
                <li class="flex-active-slide" style="width: 100%; float: left; margin-right: -100%;
                    position: relative; display: list-item;">
                    <img src="images/slide-4.jpg" alt="">
                    <p class="flex-caption">
                        <span class="main">E-learning at Greenwich University</span>
                        <%--<br>
                        <span class="secondary clearfix">In justo orci, ornare vitae nulla sed, suscipit suscipit
                            augue</span>--%>
                    </p>
                </li>
            </ul>
            <!--//slides-->
            <ol class="flex-control-nav flex-control-paging">
                <li><a class="">1</a></li><li><a class="">2</a></li><li><a class="">3</a></li><li><a
                    class="flex-active">4</a></li></ol>
            <ul class="flex-direction-nav">
                <li><a class="flex-prev" href="#">Previous</a></li><li><a class="flex-next" href="#">
                    Next</a></li></ul>
        </div>
        <!--//flexslider-->
        <section class="news">
                <h1 class="section-heading text-highlight"><span class="line">Latest News</span></h1>     
                <div class="carousel-controls">
                    <a class="prev" href="#news-carousel" data-slide="prev"><i class="fa fa-caret-left"></i></a>
                    <a class="next" href="#news-carousel" data-slide="next"><i class="fa fa-caret-right"></i></a>
                </div><!--//carousel-controls--> 
                <div class="section-content clearfix">
                    <div id="news-carousel" class="news-carousel carousel slide">
                        <div class="carousel-inner">
                            <div class="item active"> 
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">“Sex and Drugs and Pest Control” – lecture looks at plants, chemicals and more</a></h2>
                                    <img class="thumb" src="images/news-thumb-1.jpg" alt="">
                                    <p>Can plant chemistry help increase global food security? This and the way some plants use chemicals to achieve more effective pollination are among the issues to be discussed at an open lecture at the University of Greenwich.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>                
                                </div><!--//news-item-->
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">Medway Towns’ rich history explored in lecture</a></h2>
                                    <p>The colourful history of the Medway Towns comes under the spotlight in the latest University of Greenwich History Papers talk this year, by Dr Sandra Dunster. The talk will be held at the Greenwich Heritage Centre, in Artillery Square, Woolwich, on Wednesday 30 April.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>
                                    <img class="thumb" src="images/news-thumb-2.jpg" alt="">
                                </div><!--//news-item-->
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">Nutrition champion lands award</a></h2>
                                    <p>A passion for teaching healthy eating habits has earned a University of Greenwich student a prestigious award.A passion for teaching healthy eating habits has earned a University of Greenwich student a prestigious award.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>
                                    <img class="thumb" src="images/news-thumb-3.jpg" alt="">
                                </div><!--//news-item-->
                            </div><!--//item-->
                            <div class="item"> 
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">‘Why Britain needs a pay rise’: Economics expert points way to UK growth</a></h2>
                                    <img class="thumb" src="images/news-thumb-4.jpg" alt="">
                                    <p>Britain urgently needs to see a major growth in wages if it is to enjoy a lasting and sustainable economic recovery, according to a university economist.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>                
                                </div><!--//news-item-->
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">Beating the brandjackers</a></h2>
                                    <p>A new book aimed at helping businesses protect themselves from online attack has been co-authored by a University of Greenwich academic.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>
                                    <img class="thumb" src="images/news-thumb-5.jpg" alt="">
                                </div><!--//news-item-->
                                <div class="col-md-4 news-item">
                                    <h2 class="title"><a href="#">Radical ideas of change explored at major conference on campus</a></h2>
                                    <p>Radical ideas of change are at the heart of a major international conference being held at the university this week. The Discourse, Power, Resistance conference provides a platform for over 100 speakers to share radical perspectives on topical issues in education, humanities and social sciences.</p>
                                    <a class="read-more" href="#">Read more<i class="fa fa-chevron-right"></i></a>
                                    <img class="thumb" src="images/news-thumb-6.jpg" alt="">
                                </div><!--//news-item-->
                            </div><!--//item-->
                        </div><!--//carousel-inner-->
                    </div><!--//news-carousel-->  
                </div><!--//section-content-->     
            </section>
        <!--//news-->
        <div class="row cols-wrapper">
            <div class="col-md-3">
                <section class="events">
                        <h1 class="section-heading text-highlight"><span class="line">Events</span></h1>
                        <div class="section-content">
                            <div class="event-item">
                                <p class="date-label">
                                    <span class="month">FEB</span>
                                    <span class="date-number">18</span>
                                </p>
                                <div class="details">
                                    <h2 class="title">Open Day</h2>
                                    <p class="time"><i class="fa fa-clock-o"></i>10:00am - 18:00pm</p>
                                    <p class="location"><i class="fa fa-map-marker"></i>East Campus</p>                            
                                </div><!--//details-->
                            </div><!--event-item-->  
                            <div class="event-item">
                                <p class="date-label">
                                    <span class="month">SEP</span>
                                    <span class="date-number">06</span>
                                </p>
                                <div class="details">
                                    <h2 class="title">E-learning at Greenwich University</h2>
                                    <p class="time"><i class="fa fa-clock-o"></i>10:00am - 16:00pm</p>
                                    <p class="location"><i class="fa fa-map-marker"></i>Learning Center</p>                            
                                </div><!--//details-->
                            </div><!--event-item-->
                            <div class="event-item">
                                <p class="date-label">
                                    <span class="month">JUN</span>
                                    <span class="date-number">23</span>
                                </p>
                                <div class="details">
                                    <h2 class="title">Career Fair</h2>
                                    <p class="time"><i class="fa fa-clock-o"></i>09:45am - 16:00pm</p>
                                    <p class="location"><i class="fa fa-map-marker"></i>Library</p>                            
                                </div><!--//details-->
                            </div><!--event-item-->
                            <div class="event-item">
                                <p class="date-label">
                                    <span class="month">May</span>
                                    <span class="date-number">17</span>
                                </p>
                                <div class="details">
                                    <h2 class="title">Science Seminar</h2>
                                    <p class="time"><i class="fa fa-clock-o"></i>14:00pm - 18:00pm</p>
                                    <p class="location"><i class="fa fa-map-marker"></i>Library</p>                            
                                </div><!--//details-->
                            </div><!--event-item-->
                            <a class="read-more" href="events.html">All events<i class="fa fa-chevron-right"></i></a>
                        </div><!--//section-content-->
                    </section>
                <!--//events-->
            </div>
            <!--//col-md-3-->
            <div class="col-md-6">
                <section class="course-finder">
                        <h1 class="section-heading text-highlight"><span class="line">Course Finder</span></h1>
                        <div class="section-content">
                            <form class="course-finder-form" action="#" method="get">
                                <div class="row">
                                    <div class="col-md-5 col-sm-5 subject">
                                        <select class="form-control subject">
                                            <option>Choose a subject area</option>
                                            <option>Accounting &amp; Finance</option>
                                            <option>Biological Sciences</option>
                                            <option>Business Studies</option>
                                            <option>Computer Science</option>
                                            <option>Creative Arts &amp; Media</option>
                                            <option>Drama</option>
                                            <option>Education</option>
                                            <option>Engineering</option>
                                            <option>Film Studies</option>
                                            <option>Fitness Training</option>
                                            <option>Hospitality</option>
                                            <option>History</option>
                                            <option>International Relations</option>
                                            <option>Law</option>
                                            <option>Mathematics</option>
                                            <option>Music</option>
                                            <option>Physics</option>
                                            <option>Religion</option>
                                            <option>Social Science</option>
                                        </select>
                                    </div> 
                                    <div class="col-md-7 col-sm-7 keywords">
                                        <input class="form-control pull-left" type="text" placeholder="Search keywords">
                                        <button type="submit" class="btn btn-theme"><i class="fa fa-search"></i></button>
                                    </div> 
                                </div>                     
                            </form><!--//course-finder-form-->
                            <a class="read-more" href="courses.html">View all our courses<i class="fa fa-chevron-right"></i></a>
                        </div><!--//section-content-->
                    </section>
                <!--//course-finder-->
                <section class="video">
                    <h1 class="section-heading text-highlight"><span class="line">Video Tour</span></h1>
                    <div class="carousel-controls">
                        <a class="prev" href="#videos-carousel" data-slide="prev"><i class="fa fa-caret-left"></i></a>
                        <a class="next" href="#videos-carousel" data-slide="next"><i class="fa fa-caret-right"></i></a>
                    </div><!--//carousel-controls-->
                    <div class="section-content">    
                        <div id="videos-carousel" class="videos-carousel carousel slide">
                            <div class="carousel-inner">
                                <div class="item active">            
                                    <iframe class="video-iframe" src="https://www.youtube.com/embed/NW6Pmwf34DA" frameborder="0" allowfullscreen=""></iframe>
                                </div><!--//item-->
                                <%--<div class="item">            
                                    <iframe class="video-iframe" src="js/RcGyVTAoXEU.htm" frameborder="0" allowfullscreen=""></iframe>
                                </div><!--//item-->
                                <div class="item">            
                                    <iframe class="video-iframe" src="js/Ks-_Mh1QhMc.htm" frameborder="0" allowfullscreen=""></iframe>
                                </div>--%><!--//item-->
                            </div><!--//carousel-inner-->
                        </div><!--//videos-carousel-->                            
                        <p class="description">University of Greenwich (UK) Overview</p>
                    </div><!--//section-content-->
                </section>
                <!--//video-->
            </div>
            <div class="col-md-3">
                <section class="links">
                        <h1 class="section-heading text-highlight"><span class="line">Quick Links</span></h1>
                        <div class="section-content">
                            <p><a href="#"><i class="fa fa-caret-right"></i>E-learning Portal</a></p>
                            <p><a href="#"><i class="fa fa-caret-right"></i>Gallery</a></p>
                            <p><a href="#"><i class="fa fa-caret-right"></i>Job Vacancies</a></p>
                            <p><a href="#"><i class="fa fa-caret-right"></i>Contact</a></p>
                        </div><!--//section-content-->
                    </section>
                <!--//links-->
                <section class="testimonials">
                        <h1 class="section-heading text-highlight"><span class="line"> Testimonials</span></h1>
                        <div class="carousel-controls">
                            <a class="prev" href="#testimonials-carousel" data-slide="prev"><i class="fa fa-caret-left"></i></a>
                            <a class="next" href="#testimonials-carousel" data-slide="next"><i class="fa fa-caret-right"></i></a>
                        </div><!--//carousel-controls-->
                        <div class="section-content">
                            <div id="testimonials-carousel" class="testimonials-carousel carousel slide">
                                <div class="carousel-inner">
                                    <div class="item">
                                        <blockquote class="quote">                                  
                                            <p><i class="fa fa-quote-left"></i>“My research interests include: History of vaccine innovation, science policy, and U.S. biodefense programs.  More specifically: U.S. biodefense policy and R&D strategy, the effect of biosecurity regulations on security and biomedical innovation, and strategic responses to market failures in vaccine development. I am currently teaching courses in Engineering on Technology and Biosecurity.”</p>
                                        </blockquote>                
                                        <div class="row">
                                            <p class="people col-md-8 col-sm-3 col-xs-8"><span class="name">Marissa Spencer</span><br><span class="title">Curabitur commodo</span></p>
                                            <img class="profile col-md-4 pull-right" src="images/profile-1.png" alt="">
                                        </div>                               
                                    </div><!--//item-->
                                    <div class="item active">
                                        <blockquote class="quote">
                                            <p><i class="fa fa-quote-left"></i>
                                            “I currently teach at National Yang-Ming University, Taiwan, where I hold a joint appointment at Center for General Education and Department of Social medicine. I want to thank the STS program, my intellectual home, which granted me the freedom to try something unconventional and interdisciplinary. Almost all of the issues and concepts discussed in my thesis were derived from either the fruitful discussion in classes or colloquia I attended.”</p>
                                        </blockquote>
                                        <div class="row">
                                            <p class="people col-md-8 col-sm-3 col-xs-8"><span class="name">Marco Antonio</span><br><span class="title"> Gravida ultrices</span></p>
                                            <img class="profile col-md-4 pull-right" src="images/profile-2.png" alt="">
                                        </div>                 
                                    </div><!--//item-->
                                    <div class="item">
                                        <blockquote class="quote">
                                            <p><i class="fa fa-quote-left"></i>
                                            “I am now Associate Professor and Canada Research Chair (Tier 2) in U.S. History at the Department of History of the University of British Columbia. At UBC, in addition to being a member of the history faculty, I am also affiliated with our fledgling programs in U.S. Studies (an interdisciplinary program primarily involving the departments of political science, economics, and history) and Science and Technology Studies. Thus, after more than a decade, I am returning to the kind of interdisciplinary environment that characterized my grad school years."</p>
                                        </blockquote>
                                        <div class="row">
                                            <p class="people col-md-8 col-sm-3 col-xs-8"><span class="name">Kate White</span><br><span class="title"> Gravida ultrices</span></p>
                                            <img class="profile col-md-4 pull-right" src="images/profile-3.png" alt="">
                                        </div>                 
                                    </div><!--//item-->
                                    
                                </div><!--//carousel-inner-->
                            </div><!--//testimonials-carousel-->
                        </div><!--//section-content-->
                    </section>
                <!--//testimonials-->
            </div>
            <!--//col-md-3-->
        </div>
        <!--//cols-wrapper-->
    </div>
    <!--//content-->
</asp:Content>
